<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>徽章</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="jumbotron">
        <div class="container">
            <h1>hello,world</h1>
            <p>欢迎来到极客学院，希望您能在这里学到更多的只是，丰富自己</p>
            <p><a class="btn btn-info btn-lg" href="#" role="button">Learn more</a></p>
        </div>
    </div>

    <div class="container">
        <a href="#">短信消息<span class="badge">30</span></a>
        <button class="btn btn-success" type=button>Message<span class="badge">100</span></button>
    </div>

    <ul class="nav nav-pills" role="tablist">
        <li role="presentation" class="active"><a href="#">Home<span class="badge">10</span></a></li>
        <li role="presentation"><a href="#">Profile<span class="badge">100</span></a></li>
        <li role="presentation"><a href="#">Message<span class="badge">5</span></a></li>
    </ul>
</body>
</html>